<template>
  <div class="gesture">
    <van-image
      width="100"
      height="100"
      :src="require('@/assets/lbxx.png')"
      @click="sp = true"
    />
    <ShowPictrue v-model:show="sp"></ShowPictrue>

    <GesturePopup v-model:show="show">
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
      <h1>11111</h1>
    </GesturePopup>
    <van-button @click="show = true">打开</van-button>
  </div>
</template>

<script setup>
const sp = ref(false)

const show = ref(false)
</script>

<style lang="scss" scoped>

.pictrue{
  width: 100%;
  display: flex;
  align-items: center;
}
</style>
